<template>
	<view class="illnessInfo-wrap">
		<view class="illnessInfo-box">
			<u-title value="病情简介" v-if="dataInfo.intro"></u-title>
			<view class="paragraph1" v-if="dataInfo.intro">{{ dataInfo.intro }}</view>

			<u-title value="病情症状" v-if="dataInfo.symptom"></u-title>
			<view class="paragraph1" v-if="dataInfo.symptom">{{ dataInfo.symptom }}</view>

			<u-title value="病情诊断" v-if="dataInfo.diagnose"></u-title>
			<view class="paragraph1" v-if="dataInfo.diagnose">{{ dataInfo.diagnose }}</view>

			<u-title value="相关检验" v-if="dataInfo.checkout"></u-title>
			<view class="paragraph1" v-if="dataInfo.checkout">{{ dataInfo.checkout }}</view>
		</view>
	</view>
</template>

<script>
import uTitle from '@/components/u-title/u-title.vue';
export default {
	components: {
		uTitle
	},
	data() {
		return {
			id: null,
			dataInfo: {}
		};
	},
	onLoad(option) {
		this.id = option.id;
		this.querySicknessDetail();
	},
	onShow() {},
	methods: {
		//医生列表
		querySicknessDetail() {
			this.$api
				.querySicknessDetail({
					params: {
						id: this.id
					}
				})
				.then(res => {
					if (res.code == 200) {
						this.dataInfo = res.result;
					} else {
						uni.showToast({
							title: res.message,
							icon: 'none'
						});
					}
				});
		}
	}
};
</script>

<style lang="less">
@import './illnessInfo.less';
</style>
